<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>留言的显示和隐藏</title>
</head>
<body>
<a href="index.html">首页</a>
	<div class="ly">
		<p class="content">前面的留言...</p>
		<span>具体的留言....</span>
	</div>

	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript">
	// 隐藏content
	$('.content').next().hide()
	// 用Toggle方法来点击显示和隐藏
	$('.content').click(function(){
		$(this).next().toggle()
	})

	</script>
</body>
</html>